<style type="text/css">
<!--
.product3${portletid}{  height:${portletheight}px; width:100%; margin-left:20PX;OVERFLOW: auto; scrollbar-face-color:#2f2f2f; scrollbar-shadow-color:#626262; scrollbar-highlight-color:#626262; scrollbar-3dlight-color:#343434; scrollbar-darkshadow-color: #343434; scrollbar-track-color:#343434;scrollbar-arrow-color:#626262}
.product3${portletid} li{ display:inline;width:132px;height:170px;border: 1px solid #e8e8e8;  float:left; margin:0 3px 18px 0;}
.product3${portletid} li img{
display:block;
max-width: 130px;
max-height:168px;
border:none;
}
-->
</style>
<script type="text/javascript"
		src="${contextPath}/resources/texiao1/yoxview-init.js"></script>
		
 <form name="frm_product" method="post" style="margin: 0" action="${contextPath}/ext/products/list?groupId=${groupid}" id="frm_product${portletid}">
		<div class="product3${portletid}" id="product3${portletid}">
		 </div>
</form>
 
 
  
<SCRIPT type=text/javascript> 
		$(function(){
		        loadGird("frm_product${portletid}", 1);
		})

		var callback_frm_product${portletid} = function(rows, frm) {
				var aa="<ul>";
		       $.each(rows, function(i, n){		   	   
			     aa+="<li><div style='height:170px;width:132px;display:table-cell;vertical-align:middle;text-align:center;'><a href='"+n.picpath+"'><img src='"+n.small_picpath+"'  title='"+n.introduction+"' /></a></div><div>"+n.product_name+"<div></li>";
		       });   
		       		aa+="</ul>";
					document.getElementById("product3${portletid}").innerHTML=aa;
		           
					$("#product3${portletid}").yoxview();
			}
			
			function setvalue_${portletid}(grpId,grpName){
				document.getElementById("frm_product${portletid}").action="${contextPath}/ext/products/list?groupId="+grpId;
		        loadGird("frm_product${portletid}", 1);
			}	
</script>

      